<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.d0{
				width: 778px;
			}
			img{
				border: 1px solid ;
			}
			.big1 img{
				display: block;
                margin-bottom: 2px;
			}
			.big1{
				float: right;
			    height: 200px;
			}
			.big2 img{
				 margin-bottom: 2px;
				display: block;
			}
			.big2{
				  margin-bottom: 4px;
			}
			.blue{
				background-color: aqua;
			}

		</style>
	</head>
	<body>
		<div class="d0">
			
		他妈傻逼啊
		
		</div>
		<div>
		真的是日了他妈了
		</div>
		<button onclick="bbb()">开始</button>
		<button onclick="ccc()">停止</button>
		</div>
	</body>
</html>
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
	var ids=1
	var st
	var count

	function aaa(){
		$('img').removeClass('blue')
		$('#img'+ids).addClass('blue')
        ids++
        if(ids==25)
		{
			ids=1
		}
			count--;
		console.log(count)
		if(count==0){
			ccc()
	}
	}
	function bbb(){
		
        count =parseInt(Math.random()*100)
        st=setInterval(aaa,100)
        console.log(count)
	}
	
	function ccc(){
		clearInterval(st)
	}

</script>
